<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>用户中心 - 给利网</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

    <link rel="stylesheet" th:href="@{/front/css/header.css}">
    <link rel="stylesheet" th:href="@{/front/css/user.css}">
    <style type="text/css">
        .MJF_temp_flag td{
            background: #fff;
            padding: 18px 0;
        }
        .MJF_body table {
            border-collapse: collapse;
            text-align: center;
        }
        .MJF_temp_flag tr:nth-of-type(2n) td{
            background: #fbfcfd;
        }
        .MJF_temp_flag tr td:nth-of-type(2),.MJF_temp_flag tr td:last-of-type{
            color: #328ae3;
        }
        .MJF_body .STYLE1 {
            font-size: 14px
        }

        .MJF_body .STYLE2 {
            color: #2eb971
        }

        .STYLE100 {
            font-size: 14px;
            color: #ff3300;
        }

        .STYLE101 {
            color: #999
        }

        .STYLE1 {
            font-size: 12px;
            color: #666;
        }

        .STYLE3 {
            color: #328ae3;
            font-size: 12px;
        }

        .STYLE4 {
            font-size: 16px;
            color: #328ae3;
        }

        .STYLE5 {
            font-size: 16px;
            color: #666666;
        }

        .MJF_nav_down * {
            box-sizing: content-box;
            -webkit-box-sizing: content-box;
        }

        .MJF_nav_down .MJF_nav_down_tab td {
            padding: 5px;
        }
        ul,li{
            list-style: none;
        }
        .tickets .ticket{
            position: relative;
            float: left;
            width:400px;
            height:130px;
            border-radius: 8px;
            border:1px solid #f0f0f0;
            background: #fff;
            overflow: hidden;
            margin: 0 35px 20px 0;
        }
        .ticket.invalid:after{
            position: absolute;
            display: block;
            width: 200px;
            height: 24px;
            line-height:24px;
            content: "已失效";
            color: #cfcfcf;
            background: #f3f3f3;
            transform: rotate(45deg);
            right: -80px;
            top: 10px;
        }
        .ticket .left,.ticket .right{
            float: left;
        }
        .ticket .left{
            color: #fff;
            width: 130px;
            height: 130px;
            padding: 20px 0;
            background: linear-gradient(to right top, #1f89f5 , #57b2fe);
        }
        .ticket.invalid .left{
            background: linear-gradient(to right top, #a0a0a0 , #d4d4d4);
        }
        .ticket .left b {
            font-weight:bold;
            font-size: 34px;
        }
        .ticket .left p {
            text-align: center;
        }
        .ticket .right {
            padding-left: 30px;
            text-align: left;
        }
        .ticket .right h4{
            color: #666;
            padding-top: 20px;
        }
        .ticket.invalid .right h4,
        .ticket.invalid .right p{
            color: #bbb;
        }
        .ticket .right p{
            color: #b5b5b5;
            line-height:18px;
            margin: 0;
        }
        .form-control {
            background: #f5f8f9;
            border: none;
            background-color: none;
        background-image: none;

            border-radius: 4px;
             -webkit-box-shadow: none;
             box-shadow: none;
        }
        .form-horizontal .control-label{
            color:#999;
            font-weight: normal;
        }
    </style>
</head>
<body>
<div class="MJF_excharge_show_div"
     style="top: 0px; background-color:#373d41; z-index: 20; position: relative; width: 100%; height: 0px;text-align:right; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); display:none;">
    <div style="height: 450px; position: absolute; width: 100%; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.8; z-index: 1;"></div>
    <div role="alert" class="alert alert-danger MJF_edit_profile"
         style="width: 450px; position: absolute; z-index: 2; text-align: center; top: 180px; left: 50%; margin-left: -225px;">
        请完善收款人信息!!!<br><br><a class="alert-link" href="http://www.glw66.com/user-index.html">(点我去修改哟!)</a>
    </div>
    <div class="container" style="width:1200px; text-align:left;padding:7px 0px 0px 2px;">
        <!--img src="img/logo1.jpg" /-->
        <img th:src="@{/front/img/close.gif}"
             style="width:20px; height:20px; position: absolute; right: 10px; top:10px; cursor:pointer;"
             id="close_user_excharge_btn">
    </div>
    <div class="container" style="width:1200px; margin-top:40px; color:#fff;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>
            <tr>
                <td bgcolor="#373d41">&nbsp;</td>
                <td width="1200" height="250" valign="top" bgcolor="#373d41">
                    <table width="98%" border="0" align="center" cellpadding="10" cellspacing="0">
                        <tbody>
                        <tr>
                            <td>
                                <table width="80%" border="0" align="center" cellpadding="10" cellspacing="0">
                                    <tbody>
                                    <tr>
                                        <td width="28%" align="right"><span class="STYLE45">可提现积分</span></td>
                                        <td width="72%" align="left"><span class="STYLE46 user_score">20000</span><span
                                                class="STYLE45">&nbsp;约等于<span id="_rmb_">2</span>元人民币</span></td>
                                    </tr>
                                    <tr>
                                        <td align="right"><span class="STYLE45">本次提现</span></td>
                                        <td align="left"><input id="_excharge_money_input_" type="text"
                                                                style="border:0px; border-radius:3px;width:235px; color:#000; padding-left:5px; height:30px;"
                                                                placeholder="最低提现100000积分">
                                            <span class="STYLE45" id="_excharge_money_span_">积分,&nbsp;约等于<span
                                                    class="STYLE47"> 0 </span>元人民币</span></td>
                                    </tr>
                                    <!--
                                    <tr>
                                        <td align="right"><span class="STYLE45">手续费</span></td>
                                        <td align="left"><span class="STYLE45"><span class="STYLE47" id="_poundage_">0</span>&nbsp;元人民币，用户单笔提现小于100元，收取1元手续费；大于等于100元免手续费。</span></td>
                                    </tr>
                                    -->
                                    <style>
                                        .coupons_a {
                                            display: inline-block;
                                            width: 90px;
                                            height: 35px;
                                        }

                                        .coupons_a .select {
                                            display: block;
                                            width: 77px;
                                            height: 35px;
                                            border: 2px solid #71c5a3;
                                            border-radius: 4px;
                                            background-color: #fff;
                                            cursor: pointer;
                                            line-height: 31px;
                                            font-size: 14px;
                                            color: #666;
                                            text-align: center;
                                        }

                                        .coupons_a .active i {
                                            display: inline-block;
                                            width: 22px;
                                            height: 18px;
                                            background: url(/img/coupons_select.gif) no-repeat;
                                            position: relative;
                                            bottom: 0px;
                                            top: -18px;
                                            left: 4px;
                                            float: right;
                                        }

                                        .coupons_a span {
                                            display: inline-block;
                                            width: 70px;
                                            text-align: center;
                                        }
                                    </style>
                                    <tr>
                                        <td align="right"><span class="STYLE45">现金券</span></td>
                                        <td align="left">
                                            <span>暂无可用现金券</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right"><span class="STYLE45">实际到账</span></td>
                                        <td align="left"><span class="STYLE45"><span class="STYLE47"
                                                                                     id="_real_money_">0</span>&nbsp;元人民币</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">&nbsp;</td>
                                        <td align="left" class="submit_td">
                                            <img id="_excharge_money_btn_" style="cursor:pointer;" th:src="@{/front/img/tjtx.jpg}"
                                                 width="238" height="43">&nbsp;&nbsp;&nbsp;
                                            <span id="submit_msg" role="alert" class="alert alert-success"
                                                  style="display:none;"></span>
                                            <span id="submit_clock"></span>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <a href="http://www.glw66.com/"></a></td>
                <td bgcolor="#373d41">&nbsp;</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<!--导航开始 col 6 3 3(6 6)-->
<div th:replace="/front/common::header"></div>
<div th:replace="/front/common::top"></div>
<!-- nav end -->

<!--导航结束-->

<!--内容开始-->
<div class="container MJF_body">
    <!--标签-->
    <div class="row job_content">
        <!--
        <div class="col-xs-2 avatar">
            <img src="img/my-touxiang.jpg" />
        </div>
        -->
        <div class="col-xs-3 username">
            用户昵称：<em th:text="${session.member.nickName}"></em>&nbsp;&nbsp;&nbsp;<em><a th:href="@{/member/logout}">退出</a></em>
            <br>
            <!--给力数量：<em>2</em>
            <a href="http://www.glw66.com" target="_blank"><img
                    src="../../front/img/v3-user-gift-icon.gif"></a>-->
        </div>
        <div class="col-xs-3 job">
            <span style="color:#666;">主人！今天是您和小魔相识的第</span>
            <span style="color:#328ae3;font-size:35px;" th:text="${registerDay+'天'}"></span>
            <span style="color:#666;">记得每天都要来哟!</span>
            <span>（＾∀＾）</span>
        </div>
        <div class="col-xs-2 submit_exec">
            <div class="exec">
                <div style="line-height: 40px;">
                    <em style="font-size:14px;">积分：</em>
                    <em class="user_score" th:text="${session.member.integral}"></em>
                </div>
                <div>
                    <a id="user_excharge_btn" style="font-size:14px;">[去提现换成RMB吧]</a>
                </div>
            </div>
        </div>
    </div><!--标签-->

    <!--简介-->
    <style>
        .nav-tabs {
            margin-bottom: 0px;
            background-color: #fff;
        }

        .nav-tabs-a {
            padding: 3px 35px 1px 35px;;
            position: relative;
            height: 49px;
            float: left;
            line-height: 49px;
            cursor: pointer;
        }

        .nav-tabs-sel {
            border-bottom: 1px solid #fff;
            border-top: 3px solid #328ae3;
            line-height: 49px;
            border-left: 1px solid #d8d8d8;
            border-right: 1px solid #d8d8d8;
            color: #666666;
            background-color: #fff;
        }

        a:hover {
            text-decoration: none;
        }

        .nav-tab-inner {
            float: left;
            position: relative;
            width: 1200px;
            background-color: #fff;
            font-family: 微软雅黑;
            font-size: 14px;
        }

        .nav-tab-inner .inner_div {
            float: left;
            position: relative;
            border: 1px solid #d8d8d8;
            border-top: 0px;
            width: 1200px;
            background-color: #fff;
            box-sizing: border-box;
            padding: 20px;
        }

        .nav-tab-inner .item {
            display: none;
        }

        .nav-tab-inner .inner_show {
            display: block;
        }
        .MJF_body .job_content .username em, .MJF_body .job_content .username a{
            color: #328ae3;
        }
    </style>
    <div style="width:1200px; margin-top:20px;" class="row MJF_tab_info">
        <div style="border-bottom:1px solid #d8d8d8; height:50px; line-height:49px; background-color:#f7f7f7; width:1200px; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8;"
             class="MJF_tab_info_v3">
            <a class="MJF_INFO_TAG nav-tabs-a nav-tabs-sel"
               style="margin-left:-1px; border-left:1px solid #d8d8d8; text-decoration:none;" data-num="0">体验记录</a>
            <a class="MJF_INFO_TAG nav-tabs-a" data-num="1" style="text-decoration:none;">提现记录</a>
            <a class="MJF_INFO_TAG nav-tabs-a" data-num="2" style="text-decoration:none;">邀请记录</a>
            <a class="MJF_INFO_TAG nav-tabs-a" data-num="3" style="text-decoration:none;">完善资料</a>
            <a class="MJF_INFO_TAG nav-tabs-a" data-num="4" style="text-decoration:none;">现金券</a>
        </div>
        <div class="nav-tab-inner">
            <!-- 1-->
            <div class="item inner_div inner_show" data-num="0" id="info_1">

                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                    <tr>
                        <td>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                <tr>
                                    <td height="125" align="center" valign="top"><a
                                            href="http://www.glw66.com" target="_blank"><img
                                            th:src="@{/front/img/center-index-banner.jpg}" border="0" width="100%"></a></td>
                                </tr>
                                </tbody>
                            </table>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                <tr>
                                    <td height="30" style="  padding: 10px 0 30px;"><span class="STYLE100"><strong>温馨提示：</strong><span class="STYLE101">数据我们一般会在1-2个工作日内进行审核，如遇节假日，数据会在上班后一并处理，请大家放心等待审核！谢谢！</span></span>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                                <tbody>
                                <tr>
                                    <td bgcolor="#CCCCCC">
                                        <table width="100%" cellspacing="1" cellpadding="10" border="0" align="center">
                                            <tbody>
                                            <tr>
                                                <td height="48" style="background: #f2f6f8"
                                                    align="center"><span class="STYLE28">项目名称</span></td>
                                                <td  height="48" style="background: #f2f6f8"
                                                    align="center"><span class="STYLE28">提交的信息</span></td>
                                                <td  height="48" style="background: #f2f6f8"
                                                    align="center"><span class="STYLE28">体验时间</span></td>
                                                <td  style="background: #f2f6f8" align="center"><span
                                                        class="STYLE28">给利网</span></td>
                                                <td style="background: #f2f6f8" align="center"><span
                                                        class="STYLE28">魔力</span></td>
                                                <td  style="background: #f2f6f8" align="center"><span
                                                        class="STYLE28">状态</span></td>
                                            </tr>
                                            </tbody>
                                            <tbody class="MJF_temp_flag" id="data_1">
                                                <tr th:each="order:${platformorderList}">
                                                    <td th:text="${order.platform.platformName}"></td>
                                                    <td th:text="${order.telphone+'-'+order.realname+'-'+order.investMoney}"></td>
                                                    <td th:text="${#dates.format(order.gmtCreate,'yyyy年MM月dd日 HH:mm:ss')}"></td>
                                                    <td ></td>
                                                    <td ></td>
                                                    <td th:if="${#strings.equals('0',order.status)}">提交</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>

                <div id="page_1"></div>

            </div>
            <!-- 1 end-->
            <!-- 2 -->
            <div class="item inner_div" data-num="1" id="info_2">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                    <tr>
                        <td height="30"><span class="STYLE100"><strong>温馨提示：</strong><span class="STYLE101">用户每天19:00前的提现，我们将会在当天19:00后统一进行支付，19:00之后的提现我们将在次日19:00后进行支付，感谢支持！</span></span>
                        </td>
                    </tr>
                    </tbody>
                </table>

                <span style="float:right;margin:0px 2px 2px 0px;">累计提现：<em
                        style="font-style: normal; color: rgb(46, 185, 113); font-weight: bold;">0</em></span>
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                    <tr>
                        <td>
                            <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                                <tbody>
                                <tr>
                                    <td bgcolor="#CCCCCC">
                                        <table width="100%" cellspacing="1" cellpadding="10" border="0" align="center">
                                            <tbody>
                                            <tr>
                                                <td width="228" height="48" background="../../front/img/p-table-bg.jpg"
                                                    align="center"><span class="STYLE28">提现时间</span></td>
                                                <td width="245" height="48" background="../../front/img/p-table-bg.jpg"
                                                    align="center"><span class="STYLE28">提现给利网数量</span></td>
                                                <td width="269" height="48" background="../../front/img/p-table-bg.jpg"
                                                    align="center"><span class="STYLE28">约合RMB数量</span></td>
                                                <td width="131" background="../../front/img/p-table-bg.jpg"align="center"><span
                                                        class="STYLE28">现金券</span></td>
                                                <td width="181" background="../../front/img/p-table-bg.jpg" align="center"><span
                                                        class="STYLE28">当前状态</span></td>
                                            </tr>
                                            </tbody>
                                            <tbody class="MJF_temp_flag" id="data_2"></tbody>
                                        </table>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div id="page_2"></div>
            </div>
            <!-- 2 end-->
            <!-- 3 -->
            <div class="item inner_div" data-num="2" id="info_3">

                <table width="100%" cellspacing="0" cellpadding="20" border="0" align="center">
                    <tbody>
                    <tr>
                        <td bgcolor="#FFFFFF">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                <tr>
                                    <td height="125" align="center" valign="top"><a
                                            href="http://www.glw66.com" target="_blank"><img
                                            th:src="@{/front/img/center-index-banner.jpg}" width="100%" border="0"></a></td>
                                </tr>
                                </tbody>
                            </table>
                            <table width="100%" cellspacing="0" cellpadding="1" border="0">
                                <tbody>
                                <tr>
                                    <td width="55%" style="text-align: left;vertical-align: top;padding-top: 20px;"><span class="STYLE41" style="text-align: left;line-height: inherit;">您可以将以下链接在您的QQ群、论坛、贴吧、个人微博、博客、以及个人网站等地方进行宣传，发给您的好友，您每成功推荐一个好友加入，将获得最高25元的奖励，此积分可以用于提现！（请不要用此链接自己注册多个账户，情节严重者，我们将冻结您的账户）<br>
                                               </span>
                                    </td>
                                    <td width="45%" bgcolor="#71c6a3">
                                        <table width="100%" height="100" border="0" cellpadding="5" cellspacing="0">
                                            <tbody class="MJF_temp_flag">
                                            <tr  >
                                                <td bgcolor="#f2fbf7"  style="text-align: right" align="center"><a style="padding: 10px;display: inline-block;border: 1px solid #328ae3 ;color:#328ae3;border-radius: 50px;width: 80%"
                                                        href="#" target="_blank"
                                                        class="STYLE42">http://www.glw66.com</a>
                                                    <span class="STYLE41" style="display: inline-block;margin-right: 40px;"><a
                                                            href="http://www.glw66.com" target="_blank" style="color: #999">复制您的推广链接马上邀请好友一同加入吧！</a> | <a
                                                            href="#" target="_blank"><font
                                                            color="#FF3300">推广素材下载</font></a></span></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <a style="margin: 20px 0 30px;display: block;" href="http://www.glw66.com" target="_blank"><font
                                    color="#FF3300">—— 如果您有网站或者博客，请点击这里下载推广素材，推广效果更佳！ ——</font></a>
                            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                <tbody>
                                <tr>
                                    <td height="40"><span class="STYLE2">累积邀请好友人数：</span><span class="STYLE39"
                                                                                               id="data_3_friends_num" th:text="${#lists.size(inviteList)}"></span>
                                    </td>
                                    <td height="40" align="right"><span class="STYLE2">累积邀请好友奖励：</span><span
                                            class="STYLE39" id="data_3_friends_money">0</span><span
                                            class="STYLE2">元</span></td>
                                </tr>
                                </tbody>
                            </table>
                            <table width="100%" cellspacing="0" cellpadding="0" border="0">

                                <tbody>
                                <tr>
                                    <td>
                                        <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                                            <tbody>
                                            <tr>
                                                <td bgcolor="#CCCCCC">
                                                    <table width="100%" cellspacing="1" cellpadding="10" border="0"
                                                           align="center">
                                                        <tbody>
                                                        <tr>
                                                            <td width="526" height="48" background="../../front/img/p-table-bg.jpg"
                                                                align="center"><span class="STYLE28">邀请好友昵称</span></td>
                                                            <td width="278" height="48" background="../../front/img/p-table-bg.jpg"
                                                                align="center"><span class="STYLE28">注册时间</span></td>
                                                            <td width="292" height="48" background="../../front/img/p-table-bg.jpg"
                                                                align="center"><span class="STYLE28">获得给利网数量</span></td>
                                                        </tr>
                                                        </tbody>
                                                        <tbody class="MJF_temp_flag" id="data_3">
                                                            <tr th:each="invite:${inviteList}">
                                                                <td th:text="${invite.nickName}"></td>
                                                                <td th:text="${#dates.format(invite.gmtCreate,'yyyy年MM月dd日 HH:mm:ss')}"></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div id="page_3"></div>

            </div>
            <!-- 3 end-->
            <!-- 4 -->
            <div class="item inner_div" data-num="3" id="info_4">
                <form class="form-horizontal" th:action="@{/member/completInfo}" method="post"
                      name="user_info_form">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">注册邮箱</label>
                        <div class="col-sm-10">
                            <p class="form-control-static" th:text="${session.member.email}"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">用户昵称</label>
                        <div class="col-sm-10">
                            <p class="form-control-static" th:text="${session.member.nickName}"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">性别</label>
                        <div class="col-sm-10">
                            <label class="radio-inline">
                                <input type="radio" name="sex" value="1" th:checked="${session.member.sex=='1'}"> 男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="sex" value="0" th:checked="${session.member.sex=='0'}"> 女
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">QQ号</label>
                        <div class="col-sm-4">
                            <input type="input" name="qq" th:value="${session.member.qq}" class="form-control" placeholder="请认真填写，方便我们随时与您联系">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">支付宝账号</label>
                        <div class="col-sm-4">
                            <!--a id="alipay_a"  data-toggle="tooltip" title="我在这里哟!" ></a-->
                            <input type="input" name="alipayAccount" th:value="${session.member.alipayAccount}" id="alipay_input" class="form-control"
                                   placeholder="请认真填写，以免影响提现">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">收款人</label>
                        <div class="col-sm-4">
                            <input type="input" name="alipayName" th:value="${session.member.alipayName}" class="form-control"
                                   placeholder="请填写您的支付宝真实姓名，以免影响提现">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-primary btn-lg " style="width: 38%">保存</button>
                        </div>
                    </div>
                </form>
                <hr>
                <form class="form-horizontal" th:action="@{/member/modifyPwd}" method="post"
                      name="change_password_form">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">旧密码</label>
                        <div class="col-sm-4">
                            <input type="password" class="form-control" name="opassword" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">新密码</label>
                        <div class="col-sm-4">
                            <input type="password" class="form-control" name="password" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">确认新密码</label>
                        <div class="col-sm-4">
                            <input type="password" class="form-control" name="repassword" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-primary btn-lg" style="width: 38%">保存</button>
                        </div>
                    </div>
                </form>

            </div>
            <!-- 4 end-->
            <!-- 5 -->
            <style>
                .MJF_coupons_list .row div {
                    margin-bottom: 20px;
                }

                .MJF_coupons_list span {
                    display: block;
                    width: 258px;
                    height: 102px;
                    text-align: center;
                    padding-top: 28px;
                    padding-left: 75px;
                }

                .MJF_coupons_list .coupons_10 span {
                    background: url(img/coupons_10.jpg) no-repeat;
                }

                .MJF_coupons_list .coupons_20 span {
                    background: url(img/coupons_20.jpg) no-repeat;
                }

                .MJF_coupons_list .coupons_50 span {
                    background: url(img/coupons_50.jpg) no-repeat;
                }

                .MJF_coupons_list .coupons_100 span {
                    background: url(img/coupons_100.jpg) no-repeat;
                }

                .MJF_coupons_list .p1 {
                    color: #666;
                }

                .MJF_coupons_list .p2 {
                    color: #ccc;
                    font-size: 12px;
                    margin-bottom: 0px;
                }

                .MJF_coupons_list .p3 {
                    color: red;
                    font-size: 12px;
                    text-align: right;
                    padding-right: 10px;
                    padding-top: 5px;
                }

                .MJF_coupons_list .p4 {
                    color: #9c9c9c;
                    cursor: pointer;
                }

                .MJF_coupons_list .col-lg-2 {
                    color: #9c9c9c;
                }
            </style>
            <div class="item inner_div MJF_coupons_list" data-num="4">
                <div class="container">
                    <ul class="tickets">
                        <li class="ticket">
                            <div class="left">
                                <p>￥<b>100</b></p>
                                <p style="font-size: 12px;">投资满10000元可用</p>
                            </div>
                            <div class="right">
                                <h4>全品类投资（特定投资除外）</h4>
                                <p>适用范围：指定商品试用</p>
                                <p>失效日期：2018.04.08</p>
                                <p>其他限制：无</p>
                            </div>
                        </li>
                        <li class="ticket">
                            <div class="left">
                                <p>￥<b>100</b></p>
                                <p style="font-size: 12px;">投资满10000元可用</p>
                            </div>
                            <div class="right">
                                <h4>全品类投资（特定投资除外）</h4>
                                <p>适用范围：指定商品试用</p>
                                <p>失效日期：2018.04.08</p>
                                <p>其他限制：无</p>
                            </div>
                        </li>
                        <li class="ticket">
                            <div class="left">
                                <p>￥<b>100</b></p>
                                <p style="font-size: 12px;">投资满10000元可用</p>
                            </div>
                            <div class="right">
                                <h4>全品类投资（特定投资除外）</h4>
                                <p>适用范围：指定商品试用</p>
                                <p>失效日期：2018.04.08</p>
                                <p>其他限制：无</p>
                            </div>
                        </li>
                        <li class="ticket invalid">
                            <div class="left">
                                <p>￥<b>100</b></p>
                                <p style="font-size: 12px;">投资满10000元可用</p>
                            </div>
                            <div class="right">
                                <h4>全品类投资（特定投资除外）</h4>
                                <p>适用范围：指定商品试用</p>
                                <p>失效日期：2018.04.08</p>
                                <p>其他限制：无</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 5 end-->
        </div>
    </div>
    <script>
        $(document).ready(function () {
            var _objs = $('.MJF_INFO_TAG');
            _objs.each(function () {
                $(this).click(function () {
                    var _id = $(this).attr('data-num');
                    $('.item').each(function () {
                        var _item_id = $(this).attr('data-num');
                        if (_id == $(this).attr('data-num')) {
                            $(this).css('display', 'block');
                            $(_objs[_item_id]).addClass('nav-tabs-sel');
                        } else {
                            $(this).css('display', 'none');
                            $(_objs[_item_id]).removeClass('nav-tabs-sel');
                        }
                    });
                })
            });

            $('.MJF_coupons_list .p4').click(function () {
                var _num = $(this).attr('data-show');
                if ($('.more_' + _num).css('display') == 'none') {
                    $('.more_' + _num).show();
                    $(this).html('收起...');
                } else {
                    $('.more_' + _num).hide();
                    $(this).html('展开更多...');
                }
            });
        });
    </script>
    <!--div class="container MJF_body  MJF_tab_info">
        <ul class="nav nav-tabs">
          <li role="presentation"  class="active"><a href="#info_1">体验记录</a></li>
          <li role="presentation"><a href="#info_2">提现记录</a></li>
          <li role="presentation"><a href="#info_3">邀请记录</a></li>
          <li role="presentation"><a href="#info_4">完善资料</a></li>
        </ul>
    </div>
    <div class="tab-content MJF_tab_content">
        <!--体验记录-->
    <div class="tab-pane active" id="info_1">
    </div><!--体验记录-->

    <!--提现记录-->
    <div class="tab-pane" id="info_2">

    </div><!--提现记录-->
    <!--邀请记录-->
    <div class="tab-pane" id="info_3">
    </div><!--邀请记录-->
    <!--完善资料-->
    <div class="tab-pane" id="info_4">
    </div><!--完善资料-->
    <!--简介-->
</div>
<!--内容结束-->

<!--页脚开始-->

<!--页脚结束-->
<script>
    var score = '20000' - 0;
    var level = '0' - 0;
</script>
<script th:src="@{/front/js/user.js}"></script>
<script>
    user_page.init({
        "info_1": {"all_num": "0", "all_page": 0, "first_data": false},
        "info_2": {"all_num": "0", "all_page": 0, "first_data": false},
        "info_3": {"all_num": "0", "all_page": 0, "all_money": 0, "first_data": false}
    });
</script>


</body>
</html>